<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>svg</title>
</head>
<body>
    <svg width="100%" height="100%" version="1.1" xmlns="">
        <!-- circle是圆形标签 -->
        <circle cx="70" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />

        <!-- rect是长方形标签 -->
        <rect x="120" width="100" height="100" style="fill:rgba(0,0,255, .8);stroke-width: 1;stroke:rgb(0,0,0)" />
    </svg>
</body>
</html>